import React from 'react'
import {
  HomeOutlined,
  UploadOutlined
} from '@ant-design/icons';
import { Col, Input, Row, Button, Cascader, DatePicker, Upload } from 'antd';
import './Platforminformation.scss'

export default function Platforminformation() {
  return (
    <div className='Platforminformation'>

      <div className='Platforminformations'>
        <div className='icon'>
          <HomeOutlined className='home' />
          <p> 首页 / 设置  /  平台信息</p>
        </div>
      </div>

      <div className='Platforminformation-body'>
        <div className='Platforminformation-body-list'>
          平台信息设置
        </div>

        <div className='Platforminformation-body-content'>
          <label className='Platforminformation-body-inp'> <span ><span className='xing'> * </span >平台名称：</span > <Input placeholder='平台简称，建议不超过4个字' /></label>

          <label className='Platforminformation-body-inp'> <span ><span className='xing'> * </span>平台标题：</span > <Input placeholder='平台完成名称' /></label>

          <label className='Platforminformation-body-inp'> <span ><span className='xing'> * </span>平台描述：</span > <Input /></label>

          <label className='Platforminformation-body-inp'> <span ><span className='xing'> * </span> 关键词 ： </span > <Input /></label><div className='biezhu'>用于搜索优化，多个可用英文逗号隔开</div>

          <label className='Platforminformation-body-inp2'> <span ><span className='xing'> * </span>平台LOGO：</span > <Upload>
            <Button icon={<UploadOutlined />}>选择上传文件</Button>
          </Upload> <div className='biezhu'>只能上传jpg/png格式文件，建议图片尺寸100*100px，文件不能超过50kb</div></label>

          <label className='Platforminformation-body-inp'> <span ><span className='xing'> *</span>客服热线：</span > <Input /></label>

          <label className='Platforminformation-body-inp'> <span ><span className='xing'> *</span>客服邮件：</span > <Input /></label>

          <label className='Platforminformation-body-inp3'> <span ><span className='xing'> *</span>微信公众号名称：</span > <Input /></label>

          <label className='Platforminformation-body-inp2'> <span ><span className='xing'> * </span>公众号二维码：</span > <Upload>
            <Button icon={<UploadOutlined />}>选择上传文件</Button>
          </Upload> </label><div className='biezhu'>只能上传jpg/png格式文件，建议图片尺寸100*100px，文件不能超过50kb</div>

          <label className='Platforminformation-body-inp'> <span >站点统计代码：</span > <Input.TextArea  className='TextArea'/></label>

          <label className='Platforminformation-body-inp'> <span >用户协议： </span > <Input  className='TextArea' value="xx用户服务协议"/></label>

        </div>

      </div>


    </div>
  )
}
